<script>
export default{
    props:['type','name'],
}
</script>
<template>
    <van-button :class="type"><van-icon :name="name" /></van-button>
</template>

<style scoped>
button{
    width: 120px;
    height: 80px;
    border-radius: 5px;
    padding: 10px;
}
.default{
    background-color: #fff;
    color: #000;
}
.success{
    background-color: #80e621;
    color: #fff;
}
.danger{
    background-color: #e51c09;
    color: #fff;
}
.warning{
    background-color: #e2700c;
    color: #fff;
}
.primary{
    background-color: #0fa6f2;
    color: #fff;
}
</style>